// pages/PK/index.js

Page({

    /**
     * 页面的初始数据
     */
    data: {
        result: [],
        // 展示背诵页面
        showRemember: false,
        // 展示当前单词的account的id
        word_id_account: 300,
        // 挑战单词的关数
        maxchangevalue:0,
        //保存通过的最大数量
        maxtempvalue:0,
        //闯关结束后的展示
        changeover: false,
        //错误的那个单词是啥
        failword:"",
        
        tempMaxvalue:0,
        wordsData: [],
        show: false,
        showbutton: true,
        showPopup: false,
        selectedWordIndex: "",
        isSelectedCorrect: false
    },

    /**
     * 生命周期函数--监听页面加载
     */
    onLoad(options) {
        this.reqChangewords()
        this.requestBackendData()

    },
    reqChangewords: function () {

        var that = this
        wx.request({
            url: 'http://127.0.0.1:8000/Part1/search/change',
            method: 'GET',
            header: {
                'content-type': 'application/json'
            },

            success(res) {
                that.setData({
                    result: res.data
                })
            }
        })
    },
    buttonChange: function () {
        var that = this;

        that.setData({
            showRemember: true

        })

    },

    // 从后台进行数据的请求-然后根据前台数据进行返回
    requestBackendData: function (id = 200) {
        var that = this;
        var word_id_account;
        wx.request({
            url: 'http://127.0.0.1:8000/Part1/recite/getwords',
            method: 'GET',
            data: {
                word_id: id //这个就是相当于传入的数据，然后让他翻译给接口
            },
            header: {
                'Content-Type': 'application/json'
            },
            success: function (res) {
                if (res.data.code == 200) {
                    that.setData({
                        wordsData: res.data,
                        word_id_account: id
                    })
                } else {
                }
            },
            fail: function (err) {
                console.log(err);
            }
        })
    },
    //结束挑战----判断游戏是否结束，同时去存储最大的闯关数
    endchangeword:function(){
        var that = this;
        var temp;
    // 临时变量自增一的条件是目前的闯关还没有死呢
        if(this.data.maxchangevalue!='0'){
           
        temp = this.data.maxchangevalue + 1

        }else{
            that.setData({
                showRemember:false,
                changeover:true,
            })
        }

    },


    // 点击下一个词--然后重复之前的操作
    nextwords: function () {
        var that = this;
        var currentId = this.data.word_id_account;
        // 自增 1
        var nextId = currentId + 1;
        var maxchangword= this.data.maxchangevalue + 1
        // 调用 requestBackendData 函数，并传递自增后的值作为参数
        this.requestBackendData(nextId);

        wx.request({
            url: 'http://127.0.0.1:8000/Part1/search/recite',
            method: 'GET',
            data: {
                id: currentId //这个就是相当于传入的数据，然后让他翻译给接口
            },
            header: {
                'Content-Type': 'application/json'
            },
            success: function (res) {
                if (res.data.code == 200) {
                    that.setData({
                        maxchangevalue:maxchangword
                    })

                } else {
                }
            },
            fail: function (err) {
                console.log(err);
            }
        })
        that.setData({
            show: false,
            showbutton: true,
        })
    },

    //  如果记错了那么就再让你记一遍
    rememberwords: function () {
        var that = this;
        var nextId = currentId;
        // 调用 requestBackendData 函数，并传递自增后的值作为参数
        this.requestBackendData(nextId);
        var currentId = this.data.word_id_account;
        wx.request({
            url: 'http://127.0.0.1:8000/Part1/search/wrong',
            method: 'GET',
            data: {
                id: currentId //这个就是相当于传入的数据，然后让他翻译给接口
            },
            header: {
                'Content-Type': 'application/json'
            },
            success: function (res) {
                if (res.data.code == 200) {


                } else {

                }
            },
            fail: function (err) {
                console.log(err);
            }
        })



    },
    // 来进行判断单词是否记错
    wordCard: function (event) {
        var that = this;
        var index = event.currentTarget.dataset.index;
        var AllData = this.data.wordsData
        var rightData = AllData.right[0].id
        var selectData = AllData.data[index].id
        console.log("alldata",AllData.right[0].word)

        if (rightData == selectData) {

            showTip("回答正确自动今日下一词")
            
            // 回答正确让这个值去增加1
            var temp = this.data.maxchangevalue + 1

            that.nextwords()

            // 既然选择了正确的单词，那么就让他北京为绿色且自动跳转到下一个单词中吧
            console.log("maxchangevalue的值是啥",this.data.maxchangevalue)

            that.setData({
                selectedWordIndex: index,
                isSelectedCorrect: true,
                maxchangevalue: temp,
                maxtempvalue:this.data.maxchangevalue ,
                // isSelectedCorrect:false
            })
        } else {

            showTip("回答错误了")
            // 回答错误，那么单词闯关的就自动归零，且展示游戏结束

            that.setData({
                selectedWordIndex: index,
                isSelectedCorrect: false,
                maxchangevalue: 0,

                failword:AllData.right[0].word,

                showRemember:false,
                changeover:true,


            })

        }
    },

    connect() {
        this.setData({
            show: true,
            showbutton: false
        })
    },

    /**
     * 生命周期函数--监听页面初次渲染完成
     */
    onReady() {

    },

    /**
     * 生命周期函数--监听页面显示
     */
    onShow() {

    },

    /**
     * 生命周期函数--监听页面隐藏
     */
    onHide() {

    },

    /**
     * 生命周期函数--监听页面卸载
     */
    onUnload() {

    },

    /**
     * 页面相关事件处理函数--监听用户下拉动作
     */
    onPullDownRefresh() {

    },

    /**
     * 页面上拉触底事件的处理函数
     */
    onReachBottom() {

    },

    /**
     * 用户点击右上角分享
     */
    onShareAppMessage() {

    }
})
export const showTip = (title, dur = 2000) => {
    wx.showToast({
        title: title,
        icon: 'none',
        duration: dur
    });
};
